<template>
	<view>
		<view class="head">
			<image src="../../static/images/arrow_left.png" mode=""></image>
			<view class="">像客户收款</view>
			<view class="f32">去退款</view>
		</view>
		<view class="box">
			<view class="">客户:医院</view>
			<view class="box-r red">总欠款: 0000</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
page {
		background-color: #f7f4f8;
	}
.head {
	height: 88rpx;
	line-height: 88rpx;
	background-color: #249af6;
	color: #ffffff;
	display: flex;
	justify-content: space-between;
	padding: 0 30rpx;
	font-size: 36rpx;
	font-family: PingFang SC;
	font-weight: 500;
	image {
		width: 22rpx;
		height: 39rpx;
		margin-top: 25rpx;
	}
}
.box {
	height: 109rpx;
	line-height: 109rpx;
	display: flex;
	justify-content: space-between;
	margin: 30rpx 0;
	background-color: #ffffff;
	padding: 0 32rpx;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: 500;
	border-bottom: 3rpx solid #eeeeee;
}
.red{
	color: #F64444;
}
</style>
